<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="ShopMessage.css" type="text/css" media="all" />
		<title>五折购物-商品详细信息</title>
	</head>
	<body>

		<!-- 1.工具栏-->
		<div id="toolbar">
			<div id ="div_1">
				<!-- 欢迎语-->
				<div id="d1_welcom">
					<span >欢迎来第五元素购物商城!</span>
				</div>
				<!-- 功能按钮-->
				<div id="d1_login">
					<ul>
						<li>
							<a href="">[登录]</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">[免费注册]</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">我的订单</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">购物车0件</a>
						</li>
					</ul>
				</div>

			</div>

		</div>

		<!-- 2.图片 -->
		<div id="div_2">

			<img src = "images/img.gif" alt="" />

		</div>

		<!--3. logo-->
		<div id="div_3">
			<div id="d3_logo">
				<img src = "images/logo.jpg" alt="" />
			</div>

			<div id="d3_find">
				<ul id="d3_ul1">
					<li>
						<input type="text" name="输入" />
					</li>
					<li>
						<a href="">搜索</a>
					</li>
				</ul>
				<ul id="d3_ul2">
					<li>
						<a href="">电脑数码</a>
					</li>
					<li>
						<a href="">家电通讯</a>
					</li>
					<li>
						<a href="">佳人名仕</a>
					</li>
					<li>
						<a href="">食品母婴</a>
					</li>
					<li>
						<a href="">生活专区</a>
					</li>
					<li>
						<a href="">图书音像</a>
					</li>

				</ul>
			</div>

		</div>

		<!--4.导航-->
		<div id="div_4">
			<div id="d4_type">
				商品分类
			</div>
			<div id="d4_ng">
				<ul>
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">论坛</a>
					</li>
					<li>
						<a href="">留言板</a>
					</li>
					<li>
						<a href="">团购</a>
					</li>
					<li>
						<a href="">在线游戏</a>
					</li>
				</ul>
			</div>
		</div>

		<div id="div_5">
			<span id="d5_1">电脑数码</span>
			<img src="images/trigon_1.gif" alt="" />
			<span class="d5_2">笔记本</span>
			<img src="images/trigon_1.gif" alt="" />
			<span class="d5_2">联想</span>
			<img src="images/trigon_1.gif" alt="" />
			<span class="d5_2">联想G470AL </span>
		</div>

		<div id="div_6">
			<div id="d6_1">
				<img src="images/pruduct_b_1.jpg" alt="" />
			</div>
			<div id="d6_2">

				<span id="product_title">联想（Lenovo）G470AL 14.0英寸笔记本电脑（i3-2370M 2G 500G 1G独显 摄像头 DVD刻录）黑色</span>
				<hr />
				<div id="d6_2_1">
					<ul>
						<li>
							商品编号: 10001
						</li>
						<li>
							会 员 价: <span class="price">￥5000.00</span>
						</li>
						<li>
							商品评分: 4.7<a href="">(已有1人评分)</a>
						</li>
						<li>
							库&nbsp;&nbsp;&nbsp;&nbsp; 存: <span class="total">10</span>
						</li>
					</ul>
				</div>
				<div id="d6_2_2">
					<div id="buy_numselect">
						<ul>
							<li >
								购买数量：
							</li>
							<li>
								<a class="btn-reduce" >-</a>
							</li>
							<li>
								<input class="text" id="buy-num" value="1" >
							</li>
							<li>
								<a class="btn-add" >+</a>
							</li>
						</ul>
					</div>
					<div id="buy_car">
						<a class="car" href=""><img src="images/car.gif" alt="" /></a>
					</div>
				</div>
			</div>
		</div>

		<div id="div_7">
			<div class="d7_1">
				<span>产品介绍</span>
			</div>

			<div id="d7_2">
				<!--  产品介绍，包括图片和文字介绍-->
			</div>
		</div>

		<div id="div_8">
			<div class="d7_1">
				<span>商品评价</span>
			</div>
			<div id="d8_2">

				<div class="d8_2_1">
					<div id="user">
						<a class="usename" href=""><span >用户名</span></a>
						<img src="images/star1.gif" alt="" />
						<span class="date">2012-12-1 22:00:20</span>
					</div>
					<div id="message">
						昨天下单今天收到的货物，左边有一个坏点，看电影的时候可能会有一点点不爽，
						但是日常的电子文档操作倒是没有什么印象，所以也就忍忍算了。其他的方便还是比较爽的，
						很轻薄！速度也不错。
						<!--  评论内容！！！！！！！-->
					</div>
				</div>

			</div>
		</div>

		<div id="div_footer">

		</div>

	</body>
</html>

